<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Github Accordion</title>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <div class="nav">
      <div class="left-part">
        <div class="nav-topic">
          <div class="pic-box">
            <img class="logo" src="./logo.png" alt="" />
          </div>
          <label for="" class="slash">/</label>
          <h3 class="topic-name">Resources</h3>
        </div>

        <ul class="nav-list">
          <li><a href="">Why github</a></li>
          <li><a href="">Topics</a></li>
          <li><a href="">Learn</a></li>
          <li><a href="">Events & Webinars</a></li>
        </ul>
      </div>
      <div class="right-part">
        <label for="search" class="icon">
          <i class="fa-solid fa-search"></i>
        </label>
        <button class="nav-button black trial">Enterprise trial</button>
        <button class="nav-button">Contact Sales</button>
      </div>
    </div>
    <div class="container">
      <div class="question">
        <div class="">
          <h3 class="question-title">What is GitHub and how does it work?</h3>
          <label for="" class="icon">
            <i class="fa-solid fa-minus"></i>
          </label>
        </div>
        <p>
          GitHub is the home for all developers-a platform where you can share
          code, contribute to open source projects, or even automate your
          workflow with tools like GitHub Actions and Packages. If you're just
          getting started with GitHub, you may know us best as a place for
          version control and collaboration.
        </p>
      </div>
      <div class="question">
        <div>
          <h3 class="question-title">How do I see GitHub's availability?</h3>
          <label for="" class="icon">
            <i class="fa-solid fa-plus"></i>
          </label>
        </div>
        <p>I dont know</p>
      </div>
    </div>
    <script type="module" src="./index.js"></script>
  </body>
</html>
